<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 1.什么是对象？
              *多个数据的封装体
              *一个对象代表显示中的一个事物
           2.为什么要用对象？
              *统一管理多个数据
           3.对象的组成
              *属性：由属性名（字符串）和属性值组成
              *方法：一种特别的属性，属性值是函数
           4.如何访问对象的内部数据？
              * .属性名,有时不能用
              * ['属性名']，通用
           5.什么时候必须用['属性名']的方式？
              *属性名包含特殊字符-和空格等
              *属性名为字符串    
        */
        var obj = {
            name: '光辉',
            age: 18,
            setName: function (name) {
                this.name = name;
            }
        };
        obj.setName("蟹壳")
        console.log(obj.setName, obj.name);
        // ƒ (name){
        // this.name = name;
        // } '蟹壳'
        // obj.ge-nder = "man";
        // 会报错
        obj["ge-nder"] = "man";
        console.log(obj["ge-nder"]);
        // man

        var value = "欢";
        var obj1 = {};
        // obj1.value = 18;
        // console.log(obj1);
        // value: 18

        obj1[value] = 18;
        console.log(obj1);
        // 欢: 18
    </script>
</head>

<body>

</body>

</html>